@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:wght@200;300;400;500;600;700;800;900&family=Fira+Sans+Extra+Condensed:wght@200;300;400;500;600;700;800;900&family=Fira+Sans:wght@200;300;400;500;600;700;800;900&family=Open+Sans:wght@300..800&display=swap');

:root {
  --transparent: transparent;
  --white: #ffffff;
  --black: #000000;
  --blue-1: #e5f7ff;
  --blue-2: #ccedff;
  --blue-3: #a6dbff;
  --blue-4: #7fc6ff;
  --blue-5: #509be5;
  --blue-6: #2972cc;
  --blue-7: #114da6;
  --blue-8: #00337f;
  --blue-9: #002459;
  --blue-10: #001a40;
  --blue-11: #000a19;
  --blue-12: #00050d;

  --vivid-1: #4d97ff;
  --vivid-2: #0073ff;
  --vivid-3: #0054e5;

  --gray-1: #faf9f5;
  --gray-2: #f2f1ed;
  --gray-3: #e5e4e1;
  --gray-4: #cccbc8;
  --gray-5: #b2b1af;
  --gray-6: #8c8b89;
  --gray-7: #666564;
  --gray-8: #4c4c4b;
  --gray-9: #333332;
  --gray-10: #262625;
  --gray-11: #1a1a18;
  --gray-12: #0d0d0c;

  --green-1: #b8d916;
  --green-2: #86bf00;
  --green-3: #5ea600;

  --red-1: #ff4230;
  --red-2: #d11200;
  --red-3: #b81000;

  --yellow-1: #ffe24b;
  --yellow-2: #ffcc00;
  --yellow-3: #e7a600;

  --biblioteca: #0f6af2;
  --bolsas-estudo: #fc7900;
  --calendario-academico: #e81704;
  --cursos-livres: #89b707;
  --moradia: #f00073;
  --radio: #7405e2;
  --telefone: #00b2ff;
  --trabalhe-conosco: #00c0b5;
  --transferencias: #e9a800;
  --transporte: #039900;

  --ecjs-1: #ffc7c7;
  --ecjs-2: #ffa1a1;
  --ecjs-3: #ff7a7a;
  --ecjs-4: #ff5454;
  --ecjs-5: #ed3e3e;
  --ecjs-6: #d42c2c;
  --ecjs-7: #b71c1c;
  --ecjs-8: #a11212;
  --ecjs-9: #870808;
  --ecjs-10: #6e0101;

  --enec-1: #ffd9c2;
  --enec-2: #ffbd94;
  --enec-3: #ffad7a;
  --enec-4: #ff9b5c;
  --enec-5: #ff8b42;
  --enec-6: #ff7b29;
  --enec-7: #ed6f20;
  --enec-8: #db6318;
  --enec-9: #c7540c;
  --enec-10: #b04400;

  --ecs-1: #d4ffd6;
  --ecs-2: #baffbe;
  --ecs-3: #a1ffa6;
  --ecs-4: #85ed8a;
  --ecs-5: #6cd471;
  --ecs-6: #56ba5b;
  --ecs-7: #43a047;
  --ecs-8: #318735;
  --ecs-9: #226e26;
  --ecs-10: #165419;

  --poli-1: #ccf1ff;
  --poli-2: #b2ebff;
  --poli-3: #99e5ff;
  --poli-4: #6fd4f7;
  --poli-5: #50bee5;
  --poli-6: #29a1cc;
  --poli-7: #0786b4;
  --poli-8: #06749c;
  --poli-9: #056182;
  --poli-10: #044e69;

  --comun-1: #8d00de;
  --comun-2: #7500b8;
  --comun-3: #5c0091;

  --direito-1: #d61515;
  --direito-2: #bd0000;
  --direito-3: #9e0000;

  --educa-1: #ff8c1a;
  --educa-2: #f26600;
  --educa-3: #d94800;

  --engen-1: #1793e5;
  --engen-2: #007acc;
  --engen-3: #0063a6;

  --gestao-1: #d19115;
  --gestao-2: #b77900;
  --gestao-3: #9e6800;

  --meioam-1: #8fc200;
  --meioam-2: #7da900;
  --meioam-3: #6a8f00;

  --saude-1: #009e23;
  --saude-2: #00841d;
  --saude-3: #006b18;

  --tecno-1: #00979e;
  --tecno-2: #007f85;
  --tecno-3: #00666b;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Open Sans', sans-serif;
  scroll-behavior: smooth;
}

body {
  font-size: 1rem; /* 16px */
  line-height: inherit;
  background-color: var(--white);
}

hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
}

h1 {
  font-family: 'Fira Sans Extra Condensed', sans-serif;
  font-weight: 500;
  font-size: 3rem; /* 48px */
  line-height: 3.45rem; /* 55.2px || 115% */
}

h2 {
  font-family: 'Fira Sans Extra Condensed', sans-serif;
  font-weight: 500;
  font-size: 2.125rem; /* 34px */
  line-height: 2.45rem; /* 39.2px || 115% */
}

h3 {
  font-family: 'Fira Sans Condensed', sans-serif;
  font-weight: 500;
  font-size: 1.75rem; /* 28px */
  line-height: 2.0125rem; /* 32.2px || 115% */
}

h4 {
  font-family: 'Fira Sans Condensed', sans-serif;
  font-weight: 500;
  font-size: 1.375rem; /* 22px */
  line-height: 1.58125rem; /* 25.3px || 115% */
}

h5 {
  font-family: 'Fira Sans Condensed', sans-serif;
  font-weight: 500;
  font-size: 1.25rem; /* 20px */
  line-height: 1.4375rem; /* 23px || 115% */
}

h6 {
  font-family: 'Fira Sans Condensed', sans-serif;
  font-weight: 500;
  font-size: 1.125rem; /* 18px */
  line-height: 1.29375rem; /* 20.7px || 115% */
}

a {
  color: inherit;
  text-decoration: inherit;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}

button,
select {
  text-transform: none;
}

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}

:-moz-focusring {
  outline: auto;
}

:-moz-ui-invalid {
  box-shadow: none;
}

progress {
  vertical-align: baseline;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

[type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

dialog {
  padding: 0;
}

summary {
  display: list-item;
}

textarea {
  resize: vertical;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}

button,
[role='button'] {
  cursor: pointer;
}

:disabled {
  cursor: not-allowed;
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}

[hidden] {
  display: none;
}

.container {
  width: 100%;
}

@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}